<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>校园Packer</title>
    <link rel="stylesheet" href="/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="/css/app.css">
  </head>
  <body>
    <div class="container">
      <div class="row loginMargin">
        <div class="panel panel-default col-sm-offset-3 col-sm-6 col-md-offset-4 col-md-4">
          <form id="loginForm" class="form-horizontal">
            <div class="form-group">
              <label class="col-sm-3 control-label">账号</label>
              <div class="col-sm-9">
                <input id="accountInput" name="account" type="text" class="form-control">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">密码</label>
              <div class="col-sm-9">
                <input id="passwordInput" name="password" type="password" class="form-control">
              </div>
            </div>
            <hr>
            <div class="text-center">
              <button class="btn btn-primary">登录</button>
            </div>
          </form>
        </div>
      </div>
    </div>
        <div id="noticeModal" class="modal fade">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-body">
                <h4 id="noticeMsg"></h4>
              </div>
              <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-primary">确定</button>
              </div>
            </div>
          </div>
        </div>
    <script src="/js/lib/require.js" data-main="/js/login"></script>
  </body>
</html>